/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet,Platform} from 'react-native';
import {
    COLOR_WHITE,
} from "../../../../constant/PHColors"
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../../constant/PHScreen"
import {Header} from "react-navigation";

export const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',   // 水平排布
        paddingLeft: 10,
        paddingRight: 10,
        paddingTop: Platform.OS === 'ios' ? 10 : 0,  // 处理iOS状态栏
        height: Platform.OS === 'ios' ? 70 : 55,   // 处理iOS状态栏
        backgroundColor: '#d9d9d9',
        alignItems: 'center'  // 使元素垂直居中排布, 当flexDirection为column时, 为水平居中
    },
    searchBox:{//搜索框
        height:35,
        flexDirection: 'row',   // 水平排布
        flex:1,
        borderRadius: 5,  // 设置圆角边
        backgroundColor: 'white',
        alignItems: 'center',
        marginLeft: 8,
        marginRight: 8,
        paddingLeft:5,
    },
    searchBoxRight: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center',
        marginRight: 15
    },
    inputText:{
        flex:1,
        backgroundColor:'transparent',
        fontSize:15,
        paddingTop: 0,
        paddingBottom: 0,
        paddingLeft: 5,
    },

    boxBody: {
        height: 55,
        borderColor: '#e8e8e8',
        borderLeftWidth: 1,
        borderTopWidth: 0,
        borderBottomWidth: 1,
        borderRightWidth: 1,
        justifyContent:'center',
        flexDirection: 'row',
        width:SCREEN_WIDTH,
    },

    centerText:{
        fontSize:20,
        color:'#4c4c4c',
        left:10,
    },

    leftBox: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        marginRight: 15
    },

    rightBox: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center',
        marginRight: 15
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 1)',
    },

    clickButtonStyle:{
        marginTop: 4,
        height: 30,
        backgroundColor: '#e8e8e8',
        borderRadius: 10,
        borderWidth: 1,
        borderColor: '#e8e8e8',
    },
});